.mnav {
	margin: 1px;
	display: block;
	list-style: none;
	margin-left: -39px;
}

.mnav li {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 15px;
}

.mnav li a {
	display: block;
	margin-left: 12px;
	color: white;
	text-decoration: none;
}

.mnav li a:hover {
	text-decoration: none;
}

.mnav li:hover {
	background: #000000;
}

.mnav ul li a {
	font-size: 13px;
}

.mnav .item {
	display: block;
	list-style: none;
	margin-left: -40px;
}

.mnav li a span {
	margin-right: 8px;
}

.mnav.active {
	background: #000000;
}

.iactive {
	background: #3C8DBC;
}

.item li:hover {
	background: #3C8DBC;
}

.mnav .item {
	display: none;
}

.mnav .item li a {
	padding-left: 16px;
}

.centerheader {
	height: 60px;
	background: #3C8DBC;
	display: flex;
	align-items: center;
	padding: 0 16px 0 32px;
}

.centerheader .title {
	color: white;
	font-size: 19px;
}

.left-menu-setting {
	display: none;
	padding-bottom: 4px;
	padding-top: 4px;
	position: fixed;
	background: #E6EEF8;
	width: 150px;
	height: auto;
	right: 25px;
	top: 48px;
	border: #E2E2E2 1px solid;
	box-shadow: 1px 1px 8px #5555;
	border-radius: 2px;
	list-style: none;
}

.left-menu-toggle {
	position: absolute; 
	right: 24px;	
}

.left-menu-toggle .setting {
	padding: 8px;	
}

.left-menu-toggle .setting:hover {
	background-color: #EEEEEE55;
}

.left-menu-setting .left-menu-item {
	line-height: 28px;
	padding-left: 16px;
	margin-left: -40px;
}
.left-menu-setting .left-menu-item:hover {
	background: #0081C2;
	color: white;
}

.left-menu-setting .left-menu-item-icon{
	margin-right: 9px;
}

.left-menu-setting .menu-item-split {
	margin-top: 2px;
	margin-bottom: 2px;
	height: 1px;
	width: 150px;
	margin-left: -40px;
	background: #cccccc55;
}

.menu-item-split:hover {
	background: #cccccc55;
}